bootstrap4label

創建能夠浮動在輸入框上方的精美表單標籤.,Buildformcontrolswithfloatinglabelsviathe:placeholder-shownpseudo-element.WorksinlatestChrome,Safari,Firefox,andIE10/11(prefixed).,Itprovidesaflexibleclassthatencouragespropergroupingoflabels,controls,optionalhelptext,andformvalidationmessaging.Bydefaultitonlyapplies ...,Documentationandexamplesforbadges,oursmallcountandlabelingcomponent.,Checkboxesandra...

參考資訊如下
浮動標籤(Floating labels) - Bootstrap

創建能夠浮動在輸入框上方的精美表單標籤.

Floating labels example

Build form controls with floating labels via the :placeholder-shown pseudo-element. Works in latest Chrome, Safari, Firefox, and IE 10/11 (prefixed).

Forms · Bootstrap v4.6

It provides a flexible class that encourages proper grouping of labels, controls, optional help text, and form validation messaging. By default it only applies ...

Badges · Bootstrap

Documentation and examples for badges, our small count and labeling component.

Forms

Checkboxes and radios use are built to support HTML-based form validation and provide concise, accessible labels. As such, our <input> s and <label> s are ...

Bootstrap 4 Labels and Badges

Bootstrap labels are components which separate content placed in the same wrapper, but in a separate pane. Only one pane can be displayed at any time.

Bootstrap Badges and Labels

Badges. Badges are numerical indicators of how many items are associated with a link: News 5. Comments 10. Updates 2. The numbers (5, 10, and 2) are the ...

Bootstrap 4 Form Inputs

Use a wrapper element with class=form-check to ensure proper margins for labels and checkboxes. Add the .form-check-label class to label elements, and ...